Fric-frac Wireframes

Een wireframe is een schets van de website, dat gebruikt als een prototype. In de wireframes worden zaken vastgelegd die te maken hebben met de gebruiksvriendelijkheid of usability. Uiteindelijk is het de bedoeling dat de website werkt op de manier zoals de de bezoekers zich dat inbeelden. Zij moeten er immers in werken. Wireframes kunnen snel en makkelijk gemaakt worden. Je kan ze tekenen terwijl de klant er bij is en er kan snel iets aangepast kan worden. Op die manier kunnen we verschillende layouts testen en kijken hoe een bezoeker daarop reageert. Ik maak mijn wirframes op Lucidchart maar het gedeelte om wireframes te tekenen is betalend. Je kan daarvoor ook Word gebruiken zie het filmpje Wireframes tekenen in Word.

Kleurenpalet

Fric-frac Kleurenpalet

Admin index pagina

De tegels zijn grote knoppen waarmee de beheerder naar de desbetreffende entiteiten kan navigeren. Tussen de tegels plaatsen we enkele afbeeldingen die illustratief zijn voor de Fric-frac event kalender om de boel wat op te fleuren.

Sla de html op in een bestand met de naam index.php in de public submap van Programmeren4.

fric-frac wireframe admin index — fric-frac wireframe Admin Index

Met css klassennamen

fric-frac wireframe admin index with css classes

Entiteit pagina

We gaan geen wireframes maken voor de CRUD operaties voor alle entiteiten. We maken wireframes voor welbepaalde types. Het eerste type is dat van een platte entiteit die niet van andere entiteiten afhankelijk is. In relationele databank termen is dat een tabel zonder foreign keys.

Geen verwantschap

Country is voorbeeld voor een 'platte' entiteit omdat die niet afhankelijk is van een andere entiteit om geëdited te worden. We maken hiervoor geen wireframes omdat die bijna gelijk zijn aan de wireframes voor een 1 op 1 verwantschap. De wireframe voor 1 op 1 verwantschap heeft een keuzelijst en de wireframe voor een 'platte' entiteit heeft die niet.

Een 1op 1 verwantschap

De wireframes voor een 1 op 1 verschillen niet veel van een wireframe voor een entiteit zonder verwantschap. Het enige verschil is dat we een keuzeliijst besturingselement nodig om de 1 op 1 verwantschap voor te stellen. De entiteit Person bijvoorbeeld kan slechts 1 Country hebben. We gebruiken daarvoor een keuzelijst (dropdown) waaruit de gebruiker een land kan kiezen.

Een voorbeeld van een 1 op 1 verwantschap vind je in Fric-frac Wireframes Person.

Een 1 op n verwantschap

Een n op n verwantschap

2020-03-21 16:09:05